<!DOCTYPE html>
<html lang="en">
<head>

    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1, shrink-to-fit=no">
    <title>Blog | Material</title>

    <link rel="stylesheet" href="../../assets/css/main/bootstrap.min.css">

    <link rel="stylesheet" href="../../assets/css/main/material-design-icons.min.css">

    <link rel="stylesheet" href="../../assets/css/main/material.min.css">

    <link rel="stylesheet" href="../../assets/css/main/ripples.min.css">

    <link rel="stylesheet" href="../../assets/css/main/owl.carousel.min.css">

    <link rel="stylesheet" href="../../assets/css/main/magnific-popup.css">

    <link rel="stylesheet" href="assets/css/animate1.css">

    <link rel="stylesheet" href="../../assets/css/main/style.css">

    <link rel="stylesheet" href="../../assets/css/main/responsive.css">

    <link rel="stylesheet" type="text/css" href="../../assets/css/colors/indigo.css" media="screen"/>
</head>
<body>

<header id="header">
    <div class="navbar-area">
        <div class="container">
            <div class="row">
                <div class="col-lg-12">
                    <nav class="navbar navbar-expand-lg">
                        <a class="navbar-brand" href="../../index.html">
                            <img src="../../assets/images/logo.png" alt="Logo">
                        </a>
                        <button class="navbar-toggler" type="button" data-toggle="collapse"
                                data-target="#navbarSupportedContent" aria-controls="navbarSupportedContent"
                                aria-expanded="false" aria-label="Toggle navigation">
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                            <span class="toggler-icon"></span>
                        </button>
                        <div class="collapse navbar-collapse sub-menu-bar" id="navbarSupportedContent">
                            <ul id="nav" class="navbar-nav ml-auto">
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">Home <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="../../index.html">Home V1</a></li>
                                        <li class="nav-item"><a href="index-2.html">Home V2</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">Pages <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="about-us.html">About Us 1</a></li>
                                        <li class="nav-item"><a href="about-us2.html">About Us 2</a></li>
                                        <li class="nav-item"><a href="team.html">Team Members</a></li>
                                        <li class="nav-item"><a href="features.html">Features</a></li>
                                        <li class="nav-item"><a href="team-single.html">Team Single Page</a></li>
                                        <li class="nav-item"><a href="services.html">Services</a></li>
                                        <li class="nav-item"><a href="404.html">404</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">Components <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="tab.html">Tabs</a></li>
                                        <li class="nav-item"><a href="alert.html">Alert</a></li>
                                        <li class="nav-item"><a href="accordion.html">Accordions</a></li>
                                        <li class="nav-item"><a href="pricing.html">Pricing Tables</a></li>
                                        <li class="nav-item"><a href="buttons.html">Buttons</a></li>
                                        <li class="nav-item"><a href="icons.html">Icons</a></li>
                                        <li class="nav-item"><a href="carousel.html">Carousel</a></li>
                                        <li class="nav-item"><a href="counter.html">Counter</a></li>
                                        <li class="nav-item"><a href="map.html">Google Map</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">Portfolio <span><i class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a href="portfolio-2.html">Portfolio 2 columns</a></li>
                                        <li class="nav-item"><a href="portfolio.html">Portfolio 3 columns</a></li>
                                        <li class="nav-item"><a href="portfolio-single.html">Portfolio Single</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item active">
                                    <a class="page-scroll" href="#">Blog <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu">
                                        <li class="nav-item"><a class="active" href="blog.html">Blog Page</a></li>
                                        <li class="nav-item"><a href="blog-single.html">Blog Single Page</a></li>
                                    </ul>
                                </li>
                                <li class="nav-item">
                                    <a class="page-scroll" href="#">Contact <span><i
                                            class="mdi mdi-chevron-down"></i></span></a>
                                    <ul class="sub-menu left-menu">
                                        <li class="nav-item"><a href="contact-us.html">Contact Us 1</a></li>
                                        <li class="nav-item"><a href="contact-us2.html">Contact Us 2</a></li>
                                    </ul>
                                </li>
                            </ul>
                        </div>

                        <div class="search-icon">
<span class="open-search">
<i class="mdi mdi-magnify btn btn-common"></i>
</span>
                        </div>
                        <form role="search" class="navbar-form">
                            <div class="container">
                                <div class="row">
                                    <div class="form-group has-feedback">
                                        <input type="text" placeholder="Type and search ..." class="form-control">
                                        <div class="close"><i class="mdi mdi-close"></i></div>
                                    </div>
                                </div>
                            </div>
                        </form>

                    </nav>
                </div>
            </div>
        </div>
    </div>
</header>


<section class="page-title-section section-padding">
    <div class="container">
        <div class="row">
            <div class="col-md-12">
                <div class="title-center">
                    <div class="title-middle">
                        <h2 class="page-tagline">Know about ourselves</h2>
                        <h1 class="page-title">Our Stories</h1>
                    </div>
                </div>
            </div>
        </div>
    </div>
</section>


<section class="Material-blog-post-page section-padding">
    <div class="container">
        <div class="row">

            <div class="col-md-12 col-lg-8 col-xs-12 blog-post-column">
                <div class="row">

                    <div class="col-md-6 no-padding">

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".2s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured1.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Jan 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">MUSIC for refreshment</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>

                        <div class="col-md-12  wow animated fadeInUp" data-wow-delay=".3s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured2.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Feb 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">Kelly Grover</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".4s">
                            <article class="single-blog-post ">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured3.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Mar 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">We support your custom</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".5s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured4.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>April 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">We love photography</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>
                    </div>

                    <div class="col-md-6 no-padding">

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".3s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured5.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Sep 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">Kelly Grover</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".5s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured6.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Oct 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">Kelly Grover</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".6s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured7.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Nov 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">Kelly Grover</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>

                        <div class="col-md-12 wow animated fadeInUp" data-wow-delay=".7s">
                            <article class="single-blog-post">

                                <div class="featured-image">
                                    <a href="#">
                                        <img src="../../assets/images/blog/featured8.jpg" alt="">
                                    </a>
                                </div>

                                <div class="post-meta">
                                    <div class="post-date">
                                        <span><b>Dec 25 2020</b></span>
                                    </div>

                                    <a href="blog-single.html">
                                        <h2 class="subtitle">Kelly Grover</h2>
                                    </a>
                                    <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Optio perferendis
                                        assumenda ipsum
                                        maiores dolorum similique obcaecati perspiciatis.</p>
                                </div>
                                <div class="meta-tags">
                                    <span class="comments"><a href="#"><i class="mdi mdi-comment-outline"></i> 24 Comments</a></span>

                                    <a class="btn btn-round btn-fab" href="blog-single.html"><i
                                            class="material-icons mdi mdi-arrow-right"></i>
                                        <div class="ripple-container"></div>
                                    </a>
                                </div>
                            </article>
                        </div>
                    </div>

                    <div class="col-md-12 text-center mt-3 blog-pagination wow animated fadeInUp" data-wow-delay=".4s">
                        <a href="javascript:void(0)" class="btn btn-common"><i
                                class="material-icons mdi mdi mdi-autorenew"></i>
                            Load More Stories
                            <div class="ripple-container"></div>
                        </a>
                    </div>

                </div>
            </div>


            <div class="col-md-12 col-lg-4 col-xs-12 blog-sidebar-column">

                <aside class="col-md-12 single-sidebar-widget author-widget no-padding wow animated fadeInUp"
                       data-wow-delay=".2s">
                    <div class="author-bg">
                        <img src="../../assets/images/blog/author-bg.jpg" alt="">
                    </div>
                    <div class="author-info">
                        <div class="author-name">
                            <div class="author-intro">
                                <h3>Jhon Doe</h3>
                                <p>Front End Developer</p>
                            </div>
                            <div class="author-image">
                                <img src="../../assets/images/blog/author.jpg" class="img-circle" alt="">
                            </div>
                        </div>
                        <div class="author-bio">
                            <p>While you are planning for a trip then you always search for a best place to visit
                                because that time
                                you have looked for many of places in your mind. Same time, when the thought of Shimla
                                comes in your
                                mind, you stop the thoughts about other places because the gorgeousness of natural
                                beauty of Shimla.
                            </p>
                        </div>
                    </div>
                </aside>

                <aside class="col-md-12 single-sidebar-widget subscribe-widget no-padding  wow animated fadeInUp"
                       data-wow-delay=".3s">
                    <div class="sidebar-widget-title">
                        <h2>Follow & Subscribe</h2>
                    </div>
                    <div class="social-profiles clearfix">
                        <div class="footer-contact-widget">
                            <ul>
                                <li>
                                    <a href="#"><i class="mdi mdi-facebook"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="mdi mdi-twitter"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="mdi mdi-instagram"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="mdi mdi-github"></i></a>
                                </li>
                                <li>
                                    <a href="#"><i class="mdi mdi-linkedin"></i></a>
                                </li>
                            </ul>
                        </div>
                    </div>
                    <div class="subscribe-box">
                        <p>Sign up for new Shelver content, updates,<br>surveys & offers.</p>
                        <div class="input-group">
                            <input type="email" class="form-control" placeholder="type your email">
                            <span class="input-group-btn">
<button class="btn btn-round btn-fab" type="button"><i class="material-icons mdi mdi-arrow-right"></i></button>
</span>
                        </div>

                    </div>
                </aside>

                <aside class="col-md-12 single-sidebar-widget flickr-widget no-padding wow animated fadeInUp"
                       data-wow-delay=".4s">
                    <div class="sidebar-widget-title">
                        <h2>Categories</h2>
                    </div>
                    <ul class="categories-list">
                        <li><a href="#">Lifestyle (21)</a></li>
                        <li><a href="#">Photography (19)</a></li>
                        <li><a href="#">Journal (16)</a></li>
                        <li><a href="#">Works (7)</a></li>
                    </ul>
                </aside>

                <aside class="col-md-12 single-sidebar-widget instagram-widget no-padding wow animated fadeInUp"
                       data-wow-delay=".3s">
                    <div class="sidebar-widget-title">
                        <h2>Instagram Feed</h2>
                    </div>
                    <div class="instagram-feed clearfix">
                        <ul>
                            <li><a href="#"><img src="assets/images/Instagram/insta1.jpg" alt=""></a></li>
                            <li><a href="#"><img src="assets/images/Instagram/insta2.jpg" alt=""></a></li>
                            <li><a href="#"><img src="assets/images/Instagram/insta3.jpg" alt=""></a></li>
                            <li><a href="#"><img src="assets/images/Instagram/insta4.jpg" alt=""></a></li>
                            <li><a href="#"><img src="assets/images/Instagram/insta5.jpg" alt=""></a></li>
                            <li><a href="#"><img src="assets/images/Instagram/insta6.jpg" alt=""></a></li>
                        </ul>
                    </div>
                </aside>

                <aside class="col-md-12 single-sidebar-widget flickr-widget no-padding wow animated fadeInUp"
                       data-wow-delay=".4s">
                    <div class="sidebar-widget-title">
                        <h2>Flickr Slider</h2>
                    </div>
                    <div class="flickr-feed clearfix">
                        <div id="flickr-carousel" class="owl-carousel owl-theme">
                            <div class="item active">
                                <img class="img-fluid" src="assets/images/Instagram/flickr1.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-fluid" src="assets/images/Instagram/flickr2.jpg" alt="">
                            </div>
                            <div class="item">
                                <img class="img-fluid" src="assets/images/Instagram/flickr3.jpg" alt="">
                            </div>
                        </div>
                    </div>
                </aside>
            </div>

        </div>
    </div>
</section>


<footer class="page-footer center-on-small-only  pt-0 footer-widget-container">

    <div class="container pt-5 mb-5">
        <div class="row">

            <div class="col-md-6 col-lg-3 col-xl-3 footer-contact-widget">
                <h3 class="footer-title">About Us</h3>
                <p>Lorem ipsum dolor sit amet, consectetur adipisicing elit. Voluptates eos minus expedita illo
                    recusandae
                    esse labore obcaecati nisi amet quia odio sapiente! Fugiat, voluptatibus nemo necessitatibus
                    porro.</p>
                <ul>
                    <li>
                        <a href="#"><i class="mdi mdi-facebook"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-twitter"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-instagram"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-github"></i></a>
                    </li>
                    <li>
                        <a href="#"><i class="mdi mdi-linkedin"></i></a>
                    </li>
                </ul>
            </div>


            <div class="col-md-6 col-lg-3 col-xl-3 recent-widget">
                <h3 class="footer-title">Popular Posts</h3>
                <ul class="image-list">
                    <li>
                        <figure class="overlay">
                            <img class="img-fluid" src="assets/images/art/a1.jpg" alt="">
                            <figcaption><a href="blog-single.html"><i class="mdi mdi-link-variant from-top icon-xs"></i></a>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <h6 class="post-title"><a href="blog-single.html">Fusce gravida tortor felis</a></h6>
                            <div class="meta"><span class="date">12 Jan 2020</span></div>
                        </div>
                    </li>
                    <li>
                        <figure class="overlay">
                            <img class="img-fluid" src="assets/images/art/a2.jpg" alt="">
                            <figcaption><a href="blog-single.html"><i class="mdi mdi-link-variant from-top icon-xs"></i></a>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <h6 class="post-title"><a href="blog-single.html">Ornare Nullam Risus Cursus</a></h6>
                            <div class="meta"><span class="date">12 Jan 2020</span></div>
                        </div>
                    </li>
                    <li>
                        <figure class="overlay">
                            <img class="img-fluid" src="assets/images/art/a3.jpg" alt="">
                            <figcaption><a href="blog-single.html"><i class="mdi mdi-link-variant from-top icon-xs"></i></a>
                            </figcaption>
                        </figure>
                        <div class="post-content">
                            <h6 class="post-title"><a href="blog-single.html">Euismod Nullam Fusce Dapibus</a></h6>
                            <div class="meta"><span class="date">12 Jan 2020</span></div>
                        </div>
                    </li>
                </ul>
            </div>


            <div class="col-md-6 col-lg-3 col-xl-3 link-widget">
                <h3 class="footer-title">Get in Touch</h3>
                <p>Aenean eu leo quam. Pellentesque ornare sem lacinia quam venenatis vestibulum. Etiam porta sem
                    malesuada
                    magna mollis euismod. Praesent commodo cursus.</p>
                <div class="mt-3"></div>
                <ul class="icon-list">
                    <li><i class="mdi mdi-map-marker"></i> Moonshine St. 14/05 Light City</li>
                    <li><i class="mdi mdi-email"></i> <a
                            href="/cdn-cgi/l/email-protection#1177786362653f7d70626551747c70787d3f727e7c"
                            class="nocolor"><span class="__cf_email__"
                                                  data-cfemail="86e0eff4f5f2a8eae7f5f2c6e3ebe7efeaa8e5e9eb">[email&#160;protected]</span></a>
                    </li>
                    <li><i class="mdi mdi-phone-classic"></i> +00 (123) 456 78 90</li>
                    <li><i class="mdi mdi-cellphone-iphone"></i> +80 (547) 455 47 54</li>
                </ul>
            </div>


            <div class="col-md-6 col-lg-3 col-xl-3 footer-contact">
                <h3 class="footer-title">Subscribe</h3>
                <div class="widget">
                    <div class="newsletter-wrapper">
                        <form method="post" id="subscribe-form" name="subscribe-form" class="validate">
                            <div class="form-group">
                                <input type="email" value="" name="EMAIL" class="email form-control" id="EMAIL"
                                       placeholder="Email Address" required="">
                                <button type="submit" name="subscribe" id="subscribe" class="btn btn-common pull-right">
                                    Join
                                </button>
                                <div class="clearfix"></div>
                            </div>
                        </form>
                    </div>
                </div>

                <div class="widget">
                    <h5 class="widget-title">Categories</h5>
                    <ul class="unordered-list">
                        <li><a href="#" class="nocolor">Lifestyle (21)</a></li>
                        <li><a href="#" class="nocolor">Photography (19)</a></li>
                        <li><a href="#" class="nocolor">Journal (16)</a></li>
                        <li><a href="#" class="nocolor">Works (7)</a></li>
                    </ul>
                </div>
            </div>

        </div>
    </div>


    <div class="footer-copyright">
        <div class="container">
            <div class="row">
                <div class="col-md-12 text-center">
                    <p>By <a target="_blank" href="http://www.mobanwang.com/" title="网页模板">网页模板</a></p>
                </div>
            </div>
        </div>
    </div>

</footer>


<a href="#" class="back-to-top">
    <div class="ripple-container"></div>
    <i class="mdi mdi-arrow-up">
    </i>
</a>

<div id="preloader">
    <div class="loader" id="loader-1"></div>
</div>


<script data-cfasync="false" src="../../assets/js/email-decode.min.js"></script>
<script src="../../assets/js/modernizr-3.7.1.min.js"></script>
<script src="assets/js/vendor/jquery-3.5.1-min.js"></script>
<script src="../../assets/js/popper.min.js"></script>
<script src="../../assets/js/bootstrap.min.js"></script>
<script src="../../assets/js/jquery.mixitup.min.js"></script>
<script src="../../assets/js/jquery.inview.js"></script>
<script src="../../assets/js/jquery.counterup.min.js"></script>
<script src="../../assets/js/material.min.js"></script>
<script src="../../assets/js/ripples.min.js"></script>
<script src="../../assets/js/owl.carousel.min.js"></script>
<script src="../../assets/js/form-validator.min.js"></script>
<script src="../../assets/js/contact-form-script.min.js"></script>
<script src="../../assets/js/wow.js"></script>
<script src="../../assets/js/jquery.magnific-popup.min.js"></script>
<script src="../../assets/js/main.js"></script>
</body>
</html>